<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:tiles="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org" lang="en">

<head>

</head>

<body tiles:fragment="content">

		<h5>
			<span th:text="#{consultaOperadores.consultaOperadores}">Consulta de desempeño</span>
		</h5>
		<hr />
		
		<h2>
			<p th:text="#{consultaOperadores.consultaIntegralDesempeno}">Consulta integral de desempeño</p>
		</h2>
		
		<fieldset>
			<legend th:text="#{consultaOperadores.tusDatos}">Tus datos</legend>
			<div class="span-5">							
				<span th:text="${operador.nombre}"></span>
			</div>
			<div class="span-2 append-1">
				<img th:src="@{/resources/static/images/fichasMini.gif}" alt="fichasMini"/>
           	    <span th:text="${operador.puntajeAcumulado}"></span>
			</div>
			<div class="span-2 append-1">
				<img th:src="@{/resources/static/images/medallaOroMini.gif}" alt="medallaOroMini"/>
           	    <span th:text="${operador.numeroMedallasOro}"></span>
			</div>
			<div class="span-2 append-1">
				<img th:src="@{/resources/static/images/medallaPlataMini.gif}" alt="medallaPlataMini"/>
           	    <span th:text="${operador.numeroMedallasPlata}"></span>
			</div>
			<div class="span-3 last">
				<img th:src="@{/resources/static/images/medallaBronceMini.gif}" alt="medallaBronceMini"/>
           	    <span th:text="${operador.numeroMedallasBronce}"></span>
			</div>
<!-- 			<hr /> -->
<!-- 			<div class="span-5">			 -->
<!-- 				<span th:text="#{consultaOperadores.jornadaInicio} + ':    ' + ${operador.jornadaInicio} + ':00 ' + #{general.horas}"></span> -->
<!-- 			</div> -->
<!-- 			<div class="span-5 last">				 -->
<!-- 				<span th:text="#{consultaOperadores.jornadaIfin} + ':   ' + ${operador.jornadaFin} + ':00 ' + #{general.horas}"></span> -->
<!-- 			</div> -->
			<hr />
			<div class="span-16 last">
				<table>
				<caption><em th:text="#{consultaOperadores.competencias}"></em></caption>						          
		          <tr>
		            <th class="span-4" th:text="#{consultaOperadores.competencia}">Competencia</th>
		            <th class="span-4" th:text="#{consultaOperadores.nivelExperticia}">Nivel de experticia</th>
		            <th class="span-4 last" th:text="#{consultaOperadores.horasEjercidas}">Horas ejercidas</th>
		          </tr>
		          <tr th:each="experticia : ${operador.experticias}">
		            <td th:text="${experticia.nivelCompetencia.competencia.nombre}"></td>
		            <td th:text="${experticia.nivelCompetencia.nombre}"></td>
		            <td th:text="${experticia.tiempoEjercido} + ' ' + #{general.horas}"></td>
		          </tr>
        		</table>
	        </div>
		</fieldset>
		
		<div id="tabs">
			  <ul>
<!-- 			    <li><a href="#tareasActuales" th:href="'#tareasActuales'" th:text="#{consultaOperadores.tareasPendientes}">Tareas pendientes</a></li>	 -->
			    <li><a href="#vitrinaTrofeos" th:href="'#vitrinaTrofeos'" th:text="#{consultaOperadores.vitrinaTrofeos}">Vitrina de trofeos</a></li>
			    <li><a href="#salonFama" th:href="'#salonFama'" th:text="#{consultaOperadores.salonFama}">Salón de la fama</a></li>			      
			  </ul>
<!-- 				 <div id="tareasActuales" class="container"> -->
<!-- 				  	<div tiles:include="desempenoActual"></div> -->
<!-- 				 </div>				 -->
				 <div id="vitrinaTrofeos" class="container">
					 <div tiles:include="vitrinaTrofeos"></div>
				 </div>	
				 <div id="salonFama" class="container">
					 <div tiles:include="salonFama"></div>
				 </div>				 
		</div>
</body>

</html>
